import { memo } from 'react'
import { Card, Descriptions } from 'antd'
import { useLocation } from 'react-router'

const TemCard = (props) => {
    const { title, info } = props
    return (
        <Card
            style={{
                width: '100%',
                borderRadius: 0,
            }}
            bodyStyle={{
                paddingTop: '5px',
                paddingLeft: '18px',
                paddingBottom: '0px'
            }}
        >
            <Descriptions
                title={title}
                items={[{ children: [info] }]}
            />
        </Card>
    )
}

const HomeTitleCard = () => {
    const location = useLocation()
    const { pathname } = location

    switch (pathname) {
        case '/home/uim':
            return (
                <TemCard
                    title='用户列表'
                    info='用户信息展示，可进行用户密码修改和删除用户操作' />
            )
        case '/home/cim':
            return (
                <TemCard
                    title='商品管理'
                    info='仓库商品信息展示，可以进行新增商品，搜索商品，编辑商品，删除商品操作' />
            )
        case '/home/category':
            return (
                <TemCard
                    title='分类管理'
                    info='商品分类展示，新增分类，删除分类' />
            )
        case '/home/om':
            return (
                <TemCard
                    title='订单管理'
                    info='展示订单信息，查询订单，查看订单状态，处理订单的发货，确认送达和同意退款' />
            )
        case '/home/adm':
            return (
                <TemCard
                    title='广告管理'
                    info='广告信息展示，可以进行新增广告，更改广告，删除广告操作。注意：最多只允许5个广告位' />
            )
        case '/home/adm/addad':
            return (
                <TemCard
                    title='广告管理'
                    info='广告信息展示，可以进行新增广告，更改广告，删除广告操作。注意：最多只允许5个广告位' />
            )
        case '/home/cim/addcommodity':
            return (
                <TemCard
                    title='商品管理'
                    info='仓库商品信息展示，可以进行新增商品，搜索商品，编辑商品，删除商品操作' />
            )
        default:
            return
    }
}

export const MemoHomeTitleCard = memo(HomeTitleCard)